import React from "react";
import {FloatButton} from "antd";
import {GithubOutlined, InfoCircleOutlined} from "@ant-design/icons";

const LayoutFloatButton: React.FC = () => {

  return (
    <>
      <FloatButton.Group shape="circle" style={{right: 24}}>
        <FloatButton icon={<InfoCircleOutlined/>} tooltip="关于" onClick={() => window.open('/about', '_blank')}/>
        <FloatButton icon={<GithubOutlined/>} tooltip="开源地址" onClick={()=>window.open('https://gitee.com/jvyou', '_blank')}/>
        <FloatButton.BackTop visibilityHeight={0} tooltip="回到顶部"/>
      </FloatButton.Group>
    </>
  )
}

export default LayoutFloatButton